﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Đoàn thanh niên trường đại học Đà Lạt</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
    <meta name="author" content="Muhammad Usman">
    <!-- The styles -->
    <link id="bs-css" href="~/Areas/Admin/css/bootstrap-cerulean.min.css" rel="stylesheet" />
    <link href="~/Areas/Admin/css/charisma-app.css" rel="stylesheet">
    <link href='~/Areas/Admin/bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
    <link href='~/Areas/Admin/bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='~/Areas/Admin/bower_components/chosen/chosen.min.css' rel='stylesheet'>
    <link href='~/Areas/Admin/bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
    <link href='~/Areas/Admin/bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
    <link href='~/Areas/Admin/bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/jquery.noty.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/noty_theme_default.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/elfinder.min.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/elfinder.theme.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/uploadify.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/animate.min.css' rel='stylesheet'>
    <link href='~/Areas/Admin/css/style.css' rel='stylesheet'>
    <script src="~/Areas/Admin/bower_components/bootstrap/js/tooltip.js"></script>
    <!-- jQuery -->
    <script src="~/Areas/Admin/bower_components/jquery/jquery.min.js"></script>
    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- The fav icon -->
    <link rel="shortcut icon" href="~/Areas/Admin/img/favicon.ico">
</head>
<body>
    <!-- topbar starts -->
    <div class="navbar navbar-default" role="navigation">
        <div class="navbar-inner">
            <button type="button" class="navbar-toggle pull-left animated flip">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand"  href="/Admin/AdminHome/">
                <img alt="Charisma Logo" src="~/Areas/Admin/img/logo_doan.png" style="width: 55px; height: 55px; position: relative; top:-17px;" />
                <span>Admin</span>
            </a>
            <!-- user dropdown starts -->
            <div class="btn-group pull-right">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <i class="glyphicon glyphicon-user"></i><span class="hidden-sm hidden-xs"> @User.Identity.Name</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">Profile</a></li>
                    <li class="divider"></li>
                    <li><a href="/Admin/Account/Logout">Logout</a></li>
                </ul>
            </div>
            <!-- user dropdown ends -->
            <!-- theme selector starts -->
            <div class="btn-group pull-right theme-container animated tada">
                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <i class="glyphicon glyphicon-tint"></i><span class="hidden-sm hidden-xs">Change Theme / Skin</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" id="themes">
                    <li><a data-value="classic" href="#"><i class="whitespace"></i> Classic</a></li>
                    <li><a data-value="cerulean" href="#"><i class="whitespace"></i> Cerulean</a></li>
                    <li><a data-value="cyborg" href="#"><i class="whitespace"></i> Cyborg</a></li>
                    <li><a data-value="simplex" href="#"><i class="whitespace"></i> Simplex</a></li>
                    <li><a data-value="darkly" href="#"><i class="whitespace"></i> Darkly</a></li>
                    <li><a data-value="lumen" href="#"><i class="whitespace"></i> Lumen</a></li>
                    <li><a data-value="slate" href="#"><i class="whitespace"></i> Slate</a></li>
                    <li><a data-value="spacelab" href="#"><i class="whitespace"></i> Spacelab</a></li>
                    <li><a data-value="united" href="#"><i class="whitespace"></i> United</a></li>
                </ul>
            </div>
            <!-- theme selector ends -->
            <ul class="collapse navbar-collapse nav navbar-nav top-menu">
                <li><a href="#"><i class="glyphicon glyphicon-globe"></i> Visit Site</a></li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown">
                        <i class="glyphicon glyphicon-star"></i> Dropdown <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
                <li>
                    <form class="navbar-search pull-left">
                        <input placeholder="Search" class="search-query form-control col-md-10" name="query"
                               type="text">
                    </form>
                </li>
            </ul>
        </div>
    </div>
    <!-- topbar ends -->
    <div class="ch-container">
        <div class="row">

            <!-- left menu starts -->
            <div class="col-sm-3 col-lg-3">
                <div class="sidebar-nav">
                    <div class="nav-canvas">
                        <div class="nav-sm nav nav-stacked">
                        </div>
                        <ul class="nav nav-pills nav-stacked main-menu">
                            <!--Danh mục quản lý-->
                            <li class="nav-header">Main</li>
                            <li>
                                <a class="ajax-link" href="/Admin/AdminHome/"><i class="glyphicon glyphicon-home"></i><span> Dashboard</span></a>
                            </li>
                            <!--Quản lý tài khoản-->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-plus"></i><span> Tài khoản</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon glyphicon glyphicon-list-alt"></i><span> Danh sách tài khoản</span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> Thêm tài khoản</a></li>
                                    <li><a href="#">Reset mật khẩu</a></li>
                                    <li><a href="#">Phân quyền sử dụng</a></li>
                                </ul>
                            </li><!-- /end quản lý tài khoản -->
                            <!--Quản lý đoàn viên-->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-user"></i><span> Đoàn viên</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="/Admin/Unionist/"><i class="glyphicon  glyphicon-list"></i><span> Danh sách đoàn viên</span></a></li>
                                    <li><a href="/Admin/Unionist/Create"><i class="glyphicon glyphicon-plus"></i> <span> Thêm đoàn viên</span></a></li>
                                </ul>
                            </li><!--/end Quản lý tài khoản-->
                            <!--Quản lý tin tức-->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> Tin tức</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i><span> Danh mục</span></a></li>
                                    <li><a href="#"><i class="glyphicon  glyphicon-list"></i><span> Danh sách tin tức</span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> <span> Đăng tin</span></a></li>
                                </ul>
                            </li><!--/end quản lý tin tức-->
                            <!--Quản lý phản hồi-->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-comment"></i><span> Phản hồi</span></a>
                            </li><!--end quản lý phản hồi-->
                            <!--Quản lý album ảnh-->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-picture"></i><span> Hình ảnh</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon glyphicon-th"></i><span> Album hình</span></a></li>
                                    <li><a href="#"><i class="glyphicon  glyphicon-list"></i><span> Danh sách hình</span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> <span> Tải hình</span></a></li>
                                </ul>
                            </li><!--/end hình ảnh-->
                            <!-- Quản lý tài liệu -->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-book"></i><span> Tài liệu</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon glyphicon-th"></i><span> Danh mục</span></a></li>
                                    <li><a href="#"><i class="glyphicon  glyphicon-list"></i><span> Danh sách tài liệu</span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> <span> Thêm tài liệu</span></a></li>
                                </ul>
                            </li><!--/end quản lý tài liệu-->
                            <!-- Quản lý video -->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-film"></i><span> Videos</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon  glyphicon-list"></i><span> Danh sách videos</span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> <span> Tải lên video</span></a></li>
                                </ul>
                            </li><!--/end hình ảnh-->
                            <!-- Quản lý các banner quảng cáo -->
                            <li class="accordion">
                                <a href="#"><i class="glyphicon glyphicon-leaf"></i><span> Quảng cáo</span></a>
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="#"><i class="glyphicon  glyphicon-list"></i><span> Danh sách </span></a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-plus"></i> <span> Thêm mới</span></a></li>
                                </ul>
                            </li><!--/end hình ảnh-->
                            <!--/end Danh mục quản lý-->
                            
                            <!--Cài đặt hệ thống-->
                            <li class="nav-header hidden-md">Cài đặt hệ thống</li>
                            <li>
                                <a class="ajax-link" href="table.html">
                                    <i class="glyphicon glyphicon-align-justify"></i><span> Tables</span>
                                </a>
                            </li>
                            <!--/end cài đặt hệ thống-->
                        </ul>
                    </div>
                </div>
            </div>
            <!--/span-->
            <!-- left menu ends -->
            <noscript>
                <div class="alert alert-block col-md-12">
                    <h4 class="alert-heading">Warning!</h4>
                    <p>
                        You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                        enabled to use this site.
                    </p>
                </div>
            </noscript>
            <div id="content" class="col-lg-9 col-sm-9">
               @RenderBody()
            </div><!--/#content.col-md-0-->
        </div><!--/fluid-row-->
       
        <hr>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h3>Settings</h3>
                    </div>
                    <div class="modal-body">
                        <p>Here settings can be configured...</p>
                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
                        <a href="#" class="btn btn-primary" data-dismiss="modal">Save changes</a>
                    </div>
                </div>
            </div>
        </div>
        <footer class="row">
            <p class="col-md-9 col-sm-9 col-xs-12 copyright">
                &copy; @DateTime.Now.Year<a href="http://dlu.edu.vn" target="_blank">
                    Đoàn trường Đại học Đà Lạt
                </a> 
            </p>
            <p class="col-md-3 col-sm-3 col-xs-12 powered-by">
                Thiết kế bởi: <a href="http://usman.it/free-responsive-admin-template">Charisma</a>
            </p>
        </footer>
    </div><!--/.fluid-container-->
    <!-- external javascript -->
    <script src="~/Areas/Admin/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- library for cookie management -->
    <script src="~/Areas/Admin/js/jquery.cookie.js"></script>
    <!-- calender plugin -->
    <script src='~/Areas/Admin/bower_components/moment/min/moment.min.js'></script>
    <script src='~/Areas/Admin/bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
    <!-- data table plugin -->
    <script src='~/Areas/Admin/js/jquery.dataTables.min.js'></script>
    <!-- select or dropdown enhancer -->
    <script src="~/Areas/Admin/bower_components/chosen/chosen.jquery.min.js"></script>
    <!-- plugin for gallery image view -->
    <script src="~/Areas/Admin/bower_components/colorbox/jquery.colorbox-min.js"></script>
    <!-- notification plugin -->
    <script src="~/Areas/Admin/js/jquery.noty.js"></script>
    <!-- library for making tables responsive -->
    <script src="~/Areas/Admin/bower_components/responsive-tables/responsive-tables.js"></script>
    <!-- tour plugin -->
    <script src="~/Areas/Admin/bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
    <!-- star rating plugin -->
    <script src="~/Areas/Admin/js/jquery.raty.min.js"></script>
    <!-- for iOS style toggle switch -->
    <script src="~/Areas/Admin/js/jquery.iphone.toggle.js"></script>
    <!-- autogrowing textarea plugin -->
    <script src="~/Areas/Admin/js/jquery.autogrow-textarea.js"></script>
    <!-- multiple file upload plugin -->
    <script src="~/Areas/Admin/js/jquery.uploadify-3.1.min.js"></script>
    <!-- history.js for cross-browser state change on ajax -->
    <script src="~/Areas/Admin/js/jquery.history.js"></script>
    <!-- application script for Charisma demo -->
    <script src="~/Areas/Admin/js/charisma.js"></script>
    @RenderSection("scripts", required: false)
</body>
</html>
